<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="/static/pure/css/common/ui.css">
    <link rel="stylesheet" type="text/css" href="/static/css/index.css">
    <script src="/static/pure/js/common/all.js"></script>
    <script src="/static/pure/polyfill.js"></script>
    <script src="/static/pure/jquery-3.6.0.min.js"></script>
</head>
<body>
    <div class="wrap">
        <div class="dialog-cont"></div>
        <div class="menu">
            <div class="logo">
                <div class="logo-item">EasyStorage</div>
            </div>
            <div class="menu-cont">
                <div class="menu-item active">首页</div>
                <div class="menu-item">上传</div>
            </div>
        </div>
        <div class="content">
            <div class="cont-item">
                <div class="search-wrap">
                    <div class="ui-input ui-input-search">
                        <input type="search" class="input-search" placeholder="输入名称或DOI">
                        <button class="ui-icon-search button-search">搜索</button>
                    </div>
                </div>
                <div class="table-wrap">
                    <table class="ui-table" id="table">
                        <thead>
                            <tr>
                                <th width="35px">序号</th>
                                <th width="300px">DOI</th>
                                <th width="180px">名称</th>
                                <th>描述</th>
                                <th>文件名</th>
                                <th width="200px">操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>第1行项目1</td>
                                <td>第1行项目2</td>
                                <td>第1行项目3</td>
                                <td>第1行项目4</td>
                                <td>第1行项目5</td>
                                <td>详情 下载</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="cont-item">
                <div class="form-wrap">
                    <form method="post" id="form">
                        <div class="form-item">
                            <label for="name" class="form-label">数据名称<span class="asterisk">*</span></label>
                            <input id="name" name="name" class="ui-input" required style="width: 320px"  type="text" placeholder="请输入数据名称" autocomplete="new-password">
                        </div>
                        <div class="form-item">
                            <label for="category" class="form-label">数据分类<span class="asterisk">*</span></label>
                            <select id="category" name="category" width="320px">
                                <option value="G01">草地</option>
                                <option value="W02">气象</option>
                                <option value="R03">河流</option>
                                <option value="L04">湖泊</option>
                            </select>
                        </div>
                        <div class="form-item">
                            <label for="source" class="form-label">数据来源<span class="asterisk">*</span></label>
                            <select id="source" name="source" width="320px">
                                <option value="ZCD01">自采数据</option>
                                <option value="YGD02">遥感数据</option>
                                <option value="WXD03">卫星数据</option>
                                <option value="GCZD04">观测站数据</option>
                            </select>
                        </div>
                        <div class="form-item">
                            <label for="dtype" class="form-label">数据类别<span class="asterisk">*</span></label>
                            <select id="dtype" name="dtype" width="320px">
                                <option value="1">结构化</option>
                                <option value="2">半结构化</option>
                                <option value="3">非结构化</option>
                            </select>
                        </div>
                        <div class="form-item">
                            <label for="files" class="form-label">文件上传<span class="asterisk">*</span></label>
                            <input id="files" name="files" class="ui-input" required style="width: 320px" type="file" multiple>
                        </div>
                        <div class="form-item">
                            <label for="content" class="form-label">内容描述</label>
                            <textarea id="content" name="content" class="ui-textarea" resize="both" style="width: 600px; height: 200px;" placeholder="选填内容"></textarea>
                        </div>
                        <div class="form-item">
                            <span class="form-label"></span>
                            <button type="submit" class="ui-button button-submit" data-type="primary">提交</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="/static/js/index.js"></script>
</body>
</html>